<script setup>
import { ref } from 'vue'
const username = ref('')
const password = ref('')
const login = () => {
  console.log('username:', username.value)
  console.log('password:', password.value)
}
const reset = () => {
  username.value = ''
  password.value = ''
}
</script>


<template>
  <div id="app">
    账户: <input type="text" v-model="username"><br><br>
    密码: <input type="text" v-model="password"><br><br>
    <button @click="login()">登录</button>
    <button @click="reset()">重置</button>
    <p>username:{{ username }}</p>
    <p>password:{{ password }}</p>

  </div>
</template>